<script setup lang="ts">
import bg from '~/assets/home/home_3_03.jpg'
import h5bg from '~/assets/home/h5-home2.webp'
import img1 from '~/assets/home/pym.png'
import { homeIntro } from '~/api'

const router = useRouter()

const { basicInfo } = storeToRefs(useTeamInfoStore())
const Intro = ref([])

onMounted(async () => {
  const res = basicInfo.value?.scheduleId ? await homeIntro(basicInfo.value.scheduleId) : { data: { introInfo: '' } }
  Intro.value = res.data
})
</script>

<template>
  <PageItem :bg="bg" :h5bg="h5bg" title="大赛简介">
    <div grid="~ cols-1 gap-4 items-center lg:cols-2">
      <div border="2px gray-2 solid" p="4" rounded-4 article bg="white opacity-70">
        {{ Intro.introInfo }}
      </div>
      <div>
        <img :src="img1" class="w-full object-contain">
      </div>
    </div>
  </PageItem>
</template>

<style scoped>

</style>
